<ion-header>
  <ion-toolbar color="primary">
    <ion-title style="text-align: center">商城</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content scrollY="false">
  <SearchBar [placeholder]="'请输入'" [maxLength]="8"></SearchBar>
  <Tabs
          [tabTitleSize]="40"
          [page]="sortList.length"
          [activeTab]="index"
          [tabBarPosition]="'left'"
          [tabDirection]="'vertical'"
          (onChange)="onChange($event)"
          (onTabClick)="onTabClick($event)"
  >
    <TabPane *ngFor="let tab of sortList" [title]="tab.name">
      <div class="sub-title">{{tab.description}}</div>
      <Grid [data]="tab.detail" [hasLine]="false" [columnNum]="3" (onClick)="click($event)"></Grid>
    </TabPane>
  </Tabs>
</ion-content>
